<template>
    <div class="bjcss" @dblclick="quanping" :class="isFullScreen?'fullscreen':''">
        <div class="whgd">
            <div class="dptop">
                <img src="/@/views/linkoo/panel/imaget/btbj.png" class="wh100" alt="">
                <div class="riqicss">{{date}}</div>
            </div>
            <div class="dpbuttom">
                <div class="zliaojian">
                    <div style="display: flex;position: relative;">
                        <div class="T27bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T27.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;">
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/cgdaxf.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>ERP</div>
                                        <div @click="panelrouter('u8cgddslmx')">采购订单数量: <span class="zitiwenjain">{{listData.zong.caigou.weiqueren}}</span></div>
                                        <div>SRM</div>
                                        <div @click="panelrouter('cgddslmx')">采购订单数量: <span class="zitiwenjain">{{listData.zong.caigou.queren}}</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/gysqrtu.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div @click="panelrouter('cgqrslmx')">供应商</div>
                                        <div @click="panelrouter('cgqrslmx')">确认数量: <span class="zitiwenjain">{{listData.zong.caigouqueren.queren}}</span></div>
                                        <div @click="panelrouter('cgqrslmxzzwqr')">供应商</div>
                                        <div @click="panelrouter('cgqrslmxzzwqr')">未确认数量: <span class="zitiwenjain">{{listData.zong.caigouqueren.weiqueren}}</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="whjian jiantop1">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                            </div>
                            <div class="whjian jiantop2">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                            </div>
                        </div>
                        <div class="T12bk">
                            <div class="T12img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T12.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 15px;">
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shtzi.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div @click="panelrouter('shdtzqrmx')">供应商</div>
                                        <div @click="panelrouter('shdtzqrmx')">确认数量: <span class="zitiwenjain">{{listData.zong.songhuo.queren}}</span></div>
                                        <div @click="panelrouter('shdtzqrmxzzwqr')">供应商</div>
                                        <div @click="panelrouter('shdtzqrmxzzwqr')">未确认数量: <span class="zitiwenjain">{{listData.zong.songhuo.weiqueren}}</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;margin: 0 10px;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shqr.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>供应商</div>
                                        <div>确认数量: <span class="zitiwenjain">{{listData.zong.shdqr.queren}}</span></div>
                                        <div>供应商</div>
                                        <div>未确认数量: <span class="zitiwenjain">0</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/yuyuesh.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>已预约</div>
                                        <div>送货: <span class="zitiwenjain">0</span></div>
                                        <div>未预约</div>
                                        <div>送货: <span class="zitiwenjain">{{listData.zong.caigou.queren}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                                <div class="whjian jiantop2">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                                <div class="whjian jiantop3">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="T7bk">
                            <div class="T7img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T7.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;">
                                <div style="display: flex;align-items: center;width: 276px;"  @click="panelrouter('llzjmx')">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/llzj.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>质检</div>
                                        <div>合格数量: <span class="zitiwenjain">{{listData.zong.zhijian.hege}}</span></div>
                                        <div>质检</div>
                                        <div>不合格数量:: <span class="zitiwenjain">{{listData.zong.zhijian.buhege}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="T2bk">
                            <div class="T2img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T2.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;" @click="panelrouter('rkmx')">
                                <div style="display: flex;align-items: center">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shsl.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>入库量: <span class="zitiwenjain">{{listData.zong.rukushulaing.ruku}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1" style="left: 43px;">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="width: 1596px;height: 2px;position: absolute;top: 203px;left: 70px;z-index: 1;">
                        <img class="wh100" src="/@/views/linkoo/panel/imaget/ljti.png" alt="">
                    </div>
                    <div style="display: flex;align-items: center;justify-content: space-around;margin-top: 13px;margin-left: 140px;">
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="tuliaojian">
                    <div class="qian2">
                        <div class="shwcd">
                            <div style="width: 95px;height: 93px;margin: 0 auto;">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/shwcdd.png" alt="">
                            </div>
                            <div class="biaoti">
                                审核完成订单
                            </div>
                            <div class="wenzhi">
                                <div style="text-align: center;margin: 10px 0;" @click="panelrouter('u8shwcddmx')">审核完成数: <span class="zitiwenjain">{{listData.shenhe.shenhewancheng}}</span></div>
                                <div style="text-align: center;" @click="panelrouter('u8shwctsmx')" >合计总台数: <span class="zitiwenjain">{{listData.shenhe.tai}}</span></div>
                            </div>
                        </div>
                        <div style="width: 36px;height: 37px;margin: 0 10px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                        </div>
                        <div class="shwcd">
                            <div style="width: 95px;height: 93px;margin: 0 auto;position: relative;" @click="panelrouter('u8mrpmx')">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/shwcdd.png" alt="">
                                <div style="width: 272.85px;height: 155.12px;position: absolute;top: -143px;left: -179px;">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/shangjian.png" alt="">
                                </div>
                            </div>
                            <div class="biaoti">
                                MRP情况
                            </div>
                            <div class="wenzhi" style="position: relative;">
                                <div style="text-align: center;margin: 10px 0;">采购单生成数: <span class="zitiwenjain">{{listData.MRP.yixiada}}</span></div>
                                <div style="text-align: center;">采购单未生成数: <span class="zitiwenjain">{{listData.MRP.weixiada}}</span></div>
                                <div style="width: 272.85px; height: 122.12px; position: absolute; top: 45px; left: -155px;">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/xiajian.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 36px;height: 37px;margin: 0 10px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                        </div>
                    </div>
                    <div class="zheneg">
                        <div class="tuT27bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T27.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;justify-content: space-between;">
                                <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;">
                                    <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                    </div>
                                    <div class="tuwen">
                                        采购订单下发
                                    </div>
                                    <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                        <div style="font-size: 14px;">ERP</div>
                                        <div @click="panelrouter('u8cgddslmxtz')">采购订单数量: <span class="zitiwenjain">{{listData.tu.caigou.weiqueren}}</span></div>
                                        <div style="font-size: 14px;">SRM</div>
                                        <div @click="panelrouter('cgddslmxtz')">采购订单数量: <span class="zitiwenjain">{{listData.tu.caigou.queren}}</span></div>
                                    </div>
                                </div>
                                <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;" >
                                    <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                    </div>
                                    <div class="tuwen">
                                        供货商确认
                                    </div>
                                    <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                        <div style="font-size: 14px;" @click="panelrouter('cgqrslmxtzyqr')">供应商</div>
                                        <div @click="panelrouter('cgqrslmxtzyqr')">确认数量: <span class="zitiwenjain">{{listData.tu.caigouqueren.queren}}</span></div>
                                        <div style="font-size: 14px;" @click="panelrouter('cgqrslmxtzwqr')">供应商</div>
                                        <div @click="panelrouter('cgqrslmxtzwqr')">未确认数量: <span class="zitiwenjain">{{listData.tu.caigouqueren.weiqueren}}</span></div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="tuT12bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T12.png" alt="">
                            </div>
                            <div>
                                <div style="display: flex;align-items: center;justify-content: space-between;">
                                    <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;">
                                        <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                            <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                        </div>
                                        <div class="tuwen">
                                            供货商送货确认
                                        </div>
                                        <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                            <div @click="panelrouter('shdtzqrmxtzyqr')" style="font-size: 14px;">供货商</div>
                                            <div @click="panelrouter('shdtzqrmxtzyqr')">确认数量: <span class="zitiwenjain">{{listData.tu.songhuo.queren}}</span></div>
                                            <div @click="panelrouter('shdtzqrmxtzwqr')" style="font-size: 14px;">供货商</div>
                                            <div @click="panelrouter('shdtzqrmxtzwqr')">未确认数量: <span class="zitiwenjain">{{listData.tu.songhuo.weiqueren}}</span></div>
                                        </div>
                                    </div>
                                    <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;">
                                        <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                            <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                        </div>
                                        <div class="tuwen">
                                            送货单确认
                                        </div>
                                        <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                            <div style="font-size: 14px;">供货商</div>
                                            <div>确认数量: <span class="zitiwenjain">{{listData.tu.shdqr.queren}}</span></div>
                                            <div style="font-size: 14px;">供货商</div>
                                            <div>未确认数量: <span class="zitiwenjain">0</span></div>
                                        </div>
                                    </div>
                                    <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;">
                                        <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                            <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                        </div>
                                        <div class="tuwen">
                                            预约收货
                                        </div>
                                        <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                            <div style="font-size: 14px;">已预约</div>
                                            <div>送货: <span class="zitiwenjain">0</span></div>
                                            <div style="font-size: 14px;">未预约</div>
                                            <div>送货: <span class="zitiwenjain">{{listData.zong.caigou.queren}}</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tuT12-2bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T12.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;justify-content: space-between;">
                                <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;" @click="panelrouter('llzjmx')">
                                    <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                    </div>
                                    <div class="tuwen">
                                        来料质检
                                    </div>
                                    <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                        <div style="font-size: 14px;">质检</div>
                                        <div>合格: <span class="zitiwenjain">{{listData.tu.zhijian.hege}}</span></div>
                                        <div style="font-size: 14px;">质检</div>
                                        <div>不合格: <span class="zitiwenjain">{{listData.tu.zhijian.buhege}}</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tuT12-2bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T10.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;justify-content: space-between;">
                                <div style="width: 128px;height: 174.82px; margin:10px 10px 0 20px;" @click="panelrouter('rkmx')">
                                    <div style="width: 74px;height: 46.82px;margin: 0 auto;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/tu1.png" alt="">
                                    </div>
                                    <div class="tuwen">
                                        人库数量
                                    </div>
                                    <div class="wenzhi" style="font-size: 12px;margin-top: 0">
                                        <div style="font-size: 14px;">入库量：</div>
                                        <div><span class="zitiwenjain">{{listData.tu.rukushulaing.ruku}}</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hanjieliaojian">
                    <div style="display: flex;align-items: center;justify-content: space-around;position: absolute;left: 140px;right: 0;top: 20px; height: 14px;">
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                        <div style="width: 146px;height: 14px;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/fxgjt.png" alt="">
                        </div>
                    </div>
                    <div style="display: flex;position: relative;margin-top: 20px;">
                        <div class="T27bk">
                            <div class="T27img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T27.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;">
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/cgdaxf.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>ERP</div>
                                        <div @click="panelrouter('u8cgddslmxhj')">采购订单数量: <span class="zitiwenjain">{{listData.hanjie.caigou.weiqueren}}</span></div>
                                        <div>SRM</div>
                                        <div @click="panelrouter('cgddslmxhj')">采购订单数量: <span class="zitiwenjain">{{listData.hanjie.caigou.queren}}</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/gysqrtu.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div @click="panelrouter('cgqrslmxhjyqr')">供应商</div>
                                        <div @click="panelrouter('cgqrslmxhjyqr')">确认数量: <span class="zitiwenjain">{{listData.hanjie.caigouqueren.queren}}</span></div>
                                        <div @click="panelrouter('cgqrslmxhjwqr')">供应商</div>
                                        <div @click="panelrouter('cgqrslmxhjwqr')">未确认数量: <span class="zitiwenjain">{{listData.hanjie.caigouqueren.weiqueren}}</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="whjian jiantop1">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                            </div>
                            <div class="whjian jiantop2">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                            </div>
                        </div>
                        <div class="T12bk">
                            <div class="T12img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T12.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 15px;">
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shtzi.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div @click="panelrouter('shdtzqrmxhjyqr')">供应商</div>
                                        <div @click="panelrouter('shdtzqrmxhjyqr')">确认数量: <span class="zitiwenjain">{{listData.hanjie.songhuo.queren}}</span></div>
                                        <div @click="panelrouter('shdtzqrmxhjwqr')">供应商</div>
                                        <div @click="panelrouter('shdtzqrmxhjwqr')">未确认数量: <span class="zitiwenjain">{{listData.hanjie.songhuo.weiqueren}}</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;margin: 0 10px;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shqr.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>供应商</div>
                                        <div>确认数量: <span class="zitiwenjain">{{listData.hanjie.shdqr.queren}}</span></div>
                                        <div>供应商</div>
                                        <div>未确认数量: <span class="zitiwenjain">0</span></div>
                                    </div>
                                </div>
                                <div style="display: flex;align-items: center;width: 276px;">
                                    <div class="zitucss" style="margin-left: 8px;">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/yuyuesh.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>已预约</div>
                                        <div>送货: <span class="zitiwenjain">0</span></div>
                                        <div>未预约</div>
                                        <div>送货: <span class="zitiwenjain">{{listData.zong.caigou.queren}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                                <div class="whjian jiantop2">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                                <div class="whjian jiantop3">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="T7bk">
                            <div class="T7img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T22.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;">
                                <div style="display: flex;align-items: center;width: 276px;" @click="panelrouter('llzjmx')">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/llzj.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>质检</div>
                                        <div>合格数量: <span class="zitiwenjain">{{listData.hanjie.zhijian.hege}}</span></div>
                                        <div>质检</div>
                                        <div>不合格数量:: <span class="zitiwenjain">{{listData.hanjie.zhijian.buhege}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="T2bk">
                            <div class="T2img">
                                <img class="wh100" src="/@/views/linkoo/panel/imaget/T17.png" alt="">
                            </div>
                            <div style="display: flex;align-items: center;margin-top: 20px;">
                                <div style="display: flex;align-items: center" @click="panelrouter('rkmx')">
                                    <div style="width: 109px;height: 91px;margin-left: 8px">
                                        <img class="wh100" src="/@/views/linkoo/panel/imaget/shsl.png" alt="">
                                    </div>
                                    <div class="wenzhi">
                                        <div>入库量: <span class="zitiwenjain">{{listData.hanjie.rukushulaing.ruku}}</span></div>
                                    </div>
                                </div>
                                <div class="whjian jiantop1" style="left: 43px;">
                                    <img class="wh100" src="/@/views/linkoo/panel/imaget/fxjt.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 1596px;height: 2px;position: absolute;top: 203px;left: 70px;z-index: 1;">
                            <img class="wh100" src="/@/views/linkoo/panel/imaget/ljti.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
    import{ref,onMounted} from "vue"
    import {mianbanData,mianbanData2} from "/@/api/panel/index"
    import {useRouter} from 'vue-router'
    const router =useRouter()
    const panelrouter = (value)=>{
        router.push({path:"/ranelmingxi",query: { id: value}})
    }
    let listData=ref({
        shenhe:{
            tai:0,
            shenhewancheng:0
        },
        MRP:{
            weixiada:0,
            yixiada:0
        },
        zong:{
            caigou:{
                queren:1,
                weiqueren:1
            },
            caigouqueren:{
                queren:0,
                weiqueren:0
            },
            zhijian:{
                hege:0,
                buhege:0
            },
            rukushulaing:{
                ruku:0,
                weiruku:0
            },
            songhuo:{
                queren:0,
                weiqueren:0
            },
            shdqr:{
                queren:0
            }
        },
        tu:{
            caigou:{
                queren:0,
                weiqueren:0
            },
            caigouqueren:{
                queren:0,
                weiqueren:0
            },
            zhijian:{
                hege:0,
                buhege:0
            },
            rukushulaing:{
                ruku:0,
                weiruku:0
            },
            songhuo:{
                queren:0,
                weiqueren:0
            },
            shdqr:{
                queren:0
            }
        },
        hanjie:{
            caigou:{
                queren:0,
                weiqueren:0
            },
            caigouqueren:{
                queren:0,
                weiqueren:0
            },
            zhijian:{
                hege:0,
                buhege:0
            },
            rukushulaing:{
                ruku:0,
                weiruku:0
            },
            songhuo:{
                queren:0,
                weiqueren:0
            },
            shdqr:{
                queren:0
            }
        }
    })
    let isFullScreen = ref(false)
    let date = ref('2024年8月1日')
    let jilvdingshiqi = ref(null)
    onMounted(()=>{
        jilvdingshiqi.value=setInterval(()=>{
            getdate()
            
        },1000)
        getList()
    })
    const getList = ()=>{
        // 采购订单下发->上
        mianbanData('u8cgddsl').then((res)=>{
            console.log(res);
            res.data.forEach((item)=>{
                if(item.cInvDefine3=='总装'){
                    listData.value.zong.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }else if(item.cInvDefine3=='焊接'){
                    listData.value.hanjie.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }else if(item.cInvDefine3=='涂装'){
                    listData.value.tu.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }
            })
        })
        // 审核完成u8shwcdd
        mianbanData('u8shwcdd').then((res)=>{
            console.log(res);
            res.data.forEach((item)=>{
                if(item.explain=='订单数量'){
                    listData.value.shenhe.shenhewancheng=parseInt(item.num)
                }else if(item.explain=='台数'){
                    listData.value.shenhe.tai=parseInt(item.num)
                }
                
            })
        })
        
        // 采购订单下发->上
        mianbanData('u8cgddsl').then((res)=>{
            console.log(res);
            res.data.forEach((item)=>{
                if(item.cInvDefine3=='总装'){
                    listData.value.zong.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }else if(item.cInvDefine3=='焊接'){
                    listData.value.hanjie.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }else if(item.cInvDefine3=='涂装'){
                    listData.value.tu.caigou.weiqueren=parseInt(item['U8采购订单总数量'])
                }
                
            })
        })
        // 采购订单下发->下
        mianbanData('cgddsl').then((res)=>{
            console.log(res);
            res.data.forEach((item)=>{
                if(item.F1296=='总装'){
                    listData.value.zong.caigou.queren=parseInt(item['COUNT(distinct F129)'])
                }else if(item.F1296=='焊接'){
                    listData.value.hanjie.caigou.queren=parseInt(item['COUNT(distinct F129)'])
                }else if(item.F1296=='涂装'){
                    listData.value.tu.caigou.queren=parseInt(item['COUNT(distinct F129)'])
                }
            })
        })
        // MEP情况
        mianbanData('u8mrp').then((res)=>{
            console.log(res);
            res.data.forEach((item)=>{
                if(item.explain=='未下达采购数量'){
                    listData.value.MRP.weixiada=parseInt(item.num)
                }else if(item.explain=='已下达采购数量'){
                    listData.value.MRP.yixiada=parseInt(item.num)
                } 
            })
        })
        // 送货通知消息确认
        mianbanData('shdtzqr').then((res)=>{
            console.log(res);
            if(res.code==0){
                res.data.forEach(element => {
                    if(element.F1395=='总装'){
                        if(element.F1572=='已确认'){
                            listData.value.zong.songhuo.queren=parseInt(element['COUNT(DISTINCT F708)'])
                        }else if(element.F1572=='未确认'){
                            listData.value.zong.songhuo.weiqueren=parseInt(element['COUNT(DISTINCT F708)'])
                        }
                    }
                    if(element.F1395=='涂装'){
                        if(element.F1572=='已确认'){
                            listData.value.tu.songhuo.queren=parseInt(element['COUNT(DISTINCT F708)'])
                        }else if(element.F1572=='未确认'){
                            listData.value.tu.songhuo.weiqueren=parseInt(element['COUNT(DISTINCT F708)'])
                        }
                    }
                    if(element.F1395=='焊接'){
                        if(element.F1572=='已确认'){
                            listData.value.hanjie.songhuo.queren=parseInt(element['COUNT(DISTINCT F708)'])
                        }else if(element.F1572=='未确认'){
                            listData.value.hanjie.songhuo.weiqueren=parseInt(element['COUNT(DISTINCT F708)'])
                        }
                    }
                });
                console.log(listData.value.hanjie.songhuo.queren);
            }
        })  
         // 送货单确认
         mianbanData('shdqr').then((res)=>{
            console.log(res);
            if(res.code==0){
                if(!res.data){
                    return
                }
                res.data.forEach(element => {
                    if(element.F1296=='总装'&&element.F1337=='已发货'){
                        listData.value.zong.shdqr.queren=parseInt(element['COUNT(distinct F129)'])
                    }
                    if(element.F1296=='涂装'&&element.F1337=='已发货'){
                        listData.value.tu.shdqr.queren=parseInt(element['COUNT(distinct F129)'])
                    }
                    if(element.F1296=='焊接'&&element.F1337=='已发货'){
                        listData.value.hanjie.shdqr.queren=parseInt(element['COUNT(distinct F129)'])
                    }
                });
            }
        }) 
        // 供应商确认
        mianbanData('cgqrsl').then((res)=>{
            if(res.code==0){
                res.data.forEach(element => {
                    if(element.F1296=='总装'){
                        if(element.F130=='未确认'){
                            listData.value.zong.caigouqueren.weiqueren=parseInt(element['COUNT(distinct F129)'])
                        }else if(element.F130=='已确认'){
                            listData.value.zong.caigouqueren.queren=parseInt(element['COUNT(distinct F129)'])
                        }
                    }
                    if(element.F1296=='涂装'){
                        if(element.F130=='未确认'){
                            listData.value.tu.caigouqueren.weiqueren=parseInt(element['COUNT(distinct F129)'])
                        }else if(element.F130=='已确认'){
                            listData.value.tu.caigouqueren.queren=parseInt(element['COUNT(distinct F129)'])
                        }
                    }
                    if(element.F1296=='焊接'){
                        if(element.F130=='未确认'){
                            listData.value.hanjie.caigouqueren.weiqueren=parseInt(element['COUNT(distinct F129)'])
                        }else if(element.F130=='已确认'){
                            listData.value.hanjie.caigouqueren.queren=parseInt(element['COUNT(distinct F129)'])
                        }
                    }
                })
            }
        })  
        // 来料质#  llzj
        mianbanData('llzj').then((res)=>{
            if(res.code==0){
                res.data.forEach(element => {
                    if(element.cInvDefine3=='总装'){
                        if(element.lb=="合格"){
                            listData.value.zong.zhijian.hege=parseInt(element['sl'])
                        }else{
                            listData.value.zong.zhijian.buhege=parseInt(element['sl'])
                        }
                    }
                    if(element.cInvDefine3=='涂装'){
                        if(element.lb=="合格"){
                            listData.value.tu.zhijian.hege=parseInt(element['sl'])
                        }else{
                            listData.value.tu.zhijian.buhege=parseInt(element['sl'])
                        }
                    }
                    if(element.cInvDefine3=='焊接'){
                        if(element.lb=="合格"){
                            listData.value.hanjie.zhijian.hege=parseInt(element['sl'])
                        }else{
                            listData.value.hanjie.zhijian.buhege=parseInt(element['sl'])
                        }
                    }
                });
            }
        })
        // 人库数量 wrksl
        mianbanData('wrksl').then((res)=>{
            if(res.code==0){
                res.data.forEach(element => {
                    if(element.cInvDefine3=='总装'){
                        listData.value.zong.rukushulaing.ruku=parseInt(element['累计入库数量'])
                        listData.value.zong.rukushulaing.weiruku=parseInt(element['累计未入库数量'])
                    }
                    if(element.cInvDefine3=='涂装'){
                        listData.value.tu.rukushulaing.ruku=parseInt(element['累计入库数量'])
                        listData.value.tu.rukushulaing.weiruku=parseInt(element['累计未入库数量'])
                    }
                    if(element.cInvDefine3=='焊接'){
                        listData.value.hanjie.rukushulaing.ruku=parseInt(element['累计入库数量'])
                        listData.value.hanjie.rukushulaing.weiruku=parseInt(element['累计未入库数量'])
                    }
                });
            }
        })
    }
    const getdate=()=>{
        // 创建一个新的Date对象，它将包含当前日期和时间
        var currentDate = new Date();
        
        // 获取当前日期的各个部分
        var year = currentDate.getFullYear(); // 获取年份
        var month = currentDate.getMonth() + 1; // 获取月份，+1因为getMonth()返回的月份从0开始
        var day = currentDate.getDate(); // 获取日
        date.value=`${year}年${month}月${day}日`
    }
    const quanping = (element)=>{
        console.log(element);
        
        isFullScreen.value=!isFullScreen.value
        if(isFullScreen.value){
            requestFullScreen(document.documentElement)
        }else{
            requestFullScreen2(document.documentElement)
        }
    }
    const requestFullScreen = (element) =>{
        var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
        if (requestMethod) {
            requestMethod.call(element);
        } else if (
            typeof window.ActiveXObject !== "undefined") {
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript !== null) {
                wscript.SendKeys("{F11}");
            }
        }
    };
    const requestFullScreen2 = (element) =>{
        document.exitFullscreen();
    };
</script>
<style>
    @import url("./index.css");
    @font-face {
        font-family: "electronicFont";
        src: url("/@/views/linkoo/panel/imaget/DS-DIGI-1.ttf");
    }
    @font-face {
        font-family: "PangMenZhengDao";
        src: url("/@/views/linkoo/panel/imaget/PangMenZhengDaoBiaoTiTiMianFeiBan-2.ttf")
    }
    .bjcss{
        width:100%;
        height: 100vh;
        background-color: rgb(1, 7, 20);
        overflow: auto;
    }
    .fullscreen{
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 9999;
    }
    .whgd{
        width: 1920px;
        height: 1080px;
        font-size: 12px;
        box-sizing: border-box;
        background-image: url('/@/views/linkoo/panel/imaget/25D.png'); /* 设置背景图片 */
        background-size: 100% 100%; /* 背景图片覆盖整个元素 */
        background-repeat: no-repeat; /* 背景图片不重复 */
        background-position: center; /* 背景图片居中 */
    }
    .dptop{
        width: 1895px;
        height: 106px;
        position: relative;
    }
    .riqicss{
        width: 150px;
        height: 24px;
        font-family: PangMenZhengDao;
        font-size: 17px;
        color: #537ADF;
        line-height: 24px;
        letter-spacing: 2px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        position: absolute;
        top: 53px;
        right: 39px;
    }
    .dpbuttom{
        width: 1894.97px;
        height: 953.7px;
        margin: 0 auto;
        background-image: url('/@/views/linkoo/panel/imaget/bk.png'); /* 设置背景图片 */
        background-size: 100% 100%; /* 背景图片覆盖整个元素 */
        background-repeat: no-repeat; /* 背景图片不重复 */
        background-position: center; /* 背景图片居中 */
        overflow: hidden;
    }
    .zitiwenjain{
        font-family: electronicFont;
        font-size: 20px;
        color: #24ECFF;
        line-height: 21px;
        text-align: center;
        font-style: normal;
    }
</style>